// 导航栏控制脚本

/**
 * 载入导航栏
 * @param {string} role - 用户角色 ('student', 'teacher', 'admin')
 * @param {string} currentPage - 当前页面的相对路径，如 '../course_search.html'
 */
function loadNavbar(role, currentPage) {
    // 获取导航栏容器
    const navbarContainer = document.getElementById('navbar-container');
    if (!navbarContainer) {
        console.error('找不到导航栏容器元素，请添加id为navbar-container的元素');
        return;
    }
    
    // 加载导航栏内容
    fetch('../components/navbar.html')
        .then(response => {
            if (!response.ok) {
                throw new Error('加载导航栏失败: ' + response.statusText);
            }
            return response.text();
        })
        .then(html => {
            // 创建临时容器解析HTML
            const tempDiv = document.createElement('div');
            tempDiv.innerHTML = html;
            
            // 根据角色获取对应导航栏
            const navbar = tempDiv.querySelector(`#${role}-navbar`);
            if (!navbar) {
                throw new Error(`找不到${role}角色的导航栏`);
            }
            
            // 将导航栏内容添加到容器
            navbarContainer.innerHTML = navbar.outerHTML;
            
            // 设置当前页面的导航项为激活状态
            setActiveNavLink(currentPage);
        })
        .catch(error => {
            console.error('导航栏加载失败:', error);
            // 提供备用导航栏
            navbarContainer.innerHTML = `
                <nav class="navbar">
                    <div class="navbar-container container">
                        <a href="#" class="navbar-brand">学生智能选课系统</a>
                        <ul class="navbar-nav">
                            <li class="nav-item"><a href="../login.html" class="nav-link">退出</a></li>
                        </ul>
                    </div>
                </nav>
            `;
        });
}

/**
 * 设置当前活动导航链接
 * @param {string} currentPage - 当前页面的相对路径
 */
function setActiveNavLink(currentPage) {
    const links = document.querySelectorAll('.nav-link');
    links.forEach(link => {
        link.classList.remove('active');
        if (link.getAttribute('href') === currentPage) {
            link.classList.add('active');
        }
    });
}

// 导出函数供页面使用
window.loadNavbar = loadNavbar; 